<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VIP08登录接口</title>
    <link rel="stylesheet" type="text/css" href="./login.css">

    <!--    网上引入jquery-->
    <!--    <script type="text/javascript" src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-edb203c114.10.2.js"></script>-->

    <!--    本地引入jquery-->
    <!--    如果js引入提示不成功，记得F5刷新一下网页-->
    <script type="text/javascript" src="./login.js"></script>
    <script type="text/javascript" src="./jquery.min.js"></script>
</head>

<body onload="checkLogin()">
<!--       背景-->
   <div class="form">
       <div class="setBg">
<!--           注意图片名字要英文，否则容易编码失败-->
           <img src="./bg.png" style="height: 135px">
<!--           https://www.iconfont.cn/   上面找的图标图片直接下载，然后正常引入即可-->
           <img class="cow" src="./cow.svg">
           <h2 onmouseover="hMoveOn()" onmouseout="hMoveOut()">
               <a href="http://www.testingedu.com.cn/" target="_blank">特斯汀学院官网</a>
           </h2>

       </div>
<!--       表单区域-->
       <div class="form-area">
<!--           用于显示返回信息-->
           <div id="loginMsg"></div>
           <form action="./login" method="post">
               <div class="form-item">
                   <label>用户名：<input type="text" name="username" placeholder="请输入用户名"></label>
               </div>
               <div class="form-item">
                   <label>密码：<input type="text" name="password" placeholder="请输入密码"></label>
               </div>
               <div class="form-item">
                   <input class="form-sb" type="submit" value="提交form表单数据">
               </div>
               <div class="form-item">
<!--                   type选择button，因为submit会默认使用form表单的形式进行提交-->
                   <input class="form-sb" type="button" value="Ajax提交数据" onclick="ajaxLogin()">
               </div>
           </form>
       </div>
   </div>
</body>
</html>